body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;float: left;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"微软雅黑";}
input,a{outline:none;}


#banner{
	height:420px;		
	position: relative;
	margin-top:60px; 
	overflow: hidden;
}
#banner .slider{
	/*left:300px;*/
	width:1235px;
	height:420px;
	position: relative;
	 /*overflow: hidden; */
}

#banner .slider .list{
	position: absolute;
	width:6175px;
}
#banner .slider .list .item{
	float:left;
	width:1232px;
	position: relative;
}
#banner .slider .list .item img{
	width:1232px;
	height:359px;
	display: block;
}

#banner .slider .pagination .con{
	width:10px;
	height:10px;
	background-color:#fff;
	margin: 0 5px;
	top:200px;
	z-index:9;
	float:left;
	cursor:pointer;
	border:1px solid #000;
	border-radius: 10px;
}
#banner .focus{
	background-color:black !important ;
}
#banner .slider .pagination{
	position: relative;
	top: 380px;
	left: 47%;
}

#banner .list a{
	color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 20px;
	position: absolute;
	top: 275px;
	left: 46.5%;
}
/*#banner .list .item:nth-of-type(2) a{
	top: 275px;
	right: 21%;
}
*/

/*------------------------------------------content---------------------------------------------*/
#content{
	height: 500px;
}
#content .zuo{
	/*border:1px solid #000;*/
	height: 480px;
	width: 602px;
	text-align: center;
	margin-left:5px; 
	float: left;

}
.zuo h4{
	font-size: 30px;

}
.zuo p{
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 15px;
}
.zuo span{
	font-size: 18px;
	border-bottom: 1px solid #dbdbdb;
}
.zuo img{
	width: 602px;
	margin-top:2px; 
}
#content .you{
	/*border:1px solid #000;*/
	height: 480px;
	width: 602px;
	text-align: center;
	margin-left:10px; 
	float: left;

}
.you h4{
	font-size: 30px;

}
.you p{
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 32px;
}
.you span{
	font-size: 18px;
	border-bottom: 1px solid #dbdbdb;
}
.you img{
	width: 602px;
	margin-top:2px; 
}


/*								   case											*/


#case{
	height:620px;
	overflow: hidden;

}
#case #hea{
	height:100px;
}
#case #hea h3{
	font-size: 36px;
	text-align: center;
	margin-bottom: 10px;
}
#case #hea a:hover{
	background: #000;
	color:#fff;
}
#case #hea ul{
	display: flex;
	justify-content: center;
	width: 100%;

}
#case #hea a{
	display: block;
	border:1px solid #000;
	margin:0 7px;
	width: 139px;
	line-height: 40px;
	font-size: 17px;
	text-align: center;
}
#case #momo{
	position: relative;
	margin: 15px 5px;
	min-height: 490px;
}
#case #momo ul{
	display: flex;
	position: absolute;
	top:0;
	
}
#case #momo ul li{
	height: 435px;
	width: 278px;

	margin-left:20px;  

}
#case .shang{
	position: relative;
	border-top:1px solid #c7c7c7; 
	border-bottom:1px solid #c7c7c7; 
}
#case .shang h3{
	font-size: 17px;
	margin-top: 19px;
	overflow: hidden;
}
#case .shang a{
	display: block;
	float:left;
}
#case .shang a:hover{
	color: #68696d;
}
#case .zi{
	font-size: 9px;
	line-height: 26px;
}
#case p{
	font-size: 11px;
}
#case .right{
	float: right;
}
#case .right img{
	display: inline-block;
	float:left;

	width: 14px;
	height:16px;
}
#case #momo .ii{
	width:278px;
	margin-top:18px; 
}
#case .shang>img:nth-of-type(1){
	width: 18px;
	height:18px;
	position: absolute;
	top:40px;
	right:0px;
}

#case .fot{
	margin-top:18px; 
}
#case .fot p{
	float:left;
	font-size: 18px;
	line-height: 40px;
}

#case .fot div{
	float: right;
	background:#000;
	
	
}
#case .fot div a {
	color:#fff;
	font-size: 15px;
	line-height: 30px;
	padding:0 15px; 
	
}
#case .fot div:hover a{
	text-decoration: underline;
}

/*									main										*/
#main{
	height:775px;
	overflow: hidden;
}
#main h3{
	font-size: 36px;
	text-align: center;
	margin-bottom:10px; 
	margin-top:10px; 
}
#main ul{
	display: flex;
	width:100%;
	margin-bottom: 24px; 

}
#main img{
	height:296px;
	width: 295px;
	/*border:1px solid #000;*/
	margin: 5px;
}